<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="插入元素" id="btn"/>
<ul id="ul1">
    <li>我是第1个li标签</li>
    <li>我是第2个li标签</li>
    <li id="li3">我是第3个li标签</li>
    <li>我是第4个li标签</li>
    <li id="li5">我是第5个li标签</li>
    <li>我是第6个li标签</li>
</ul>

<ul id="ul2">
    <li>我是第1个li标签2</li>
    <li>我是第2个li标签2</li>
    <li id="li32">我是第3个li标签2</li>
    <li>我是第4个li标签2</li>
    <li>我是第5个li标签2</li>
</ul>
</body>
<script>
    var but = document.getElementById('btn');
    var ul1 = document.getElementById('ul1');
    var ul2 = document.getElementById('ul2');
    var li3 = document.getElementById('li3');
    var li5 = document.getElementById('li5');
    var li32 = document.getElementById('li32');

    // but.onclick = function () {
    //     ul1.insertBefore(li5,li3);
    // }
    but.onclick = function () {
        ul1.removeChild(li3);
    }

    var  body = document.body;
    body.innerHTML = "<div></div>";
    var  newbox = id('newox');
    newbox.value = '我是一个新盒子';


</script>
</html>